/* eslint-disable */
// react通用分页组件（最多只显示10页）
import React,{useState,useEffect, Component} from 'react'
import "./style.less";
// import React, {Component} from 'react'
// 引用的图标
import {LeftOutlined, RightOutlined, DoubleLeftOutlined, DoubleRightOutlined} from '@ant-design/icons'

 
class CustomPage extends Component {
    render() {
        const { pageNo, pageSize, total,prePageNos, changePage}  = this.props;
        return  <div className='custom-page flex-start-center'>
             <div className={'p-layout-pagination'}
                    style={{display: 'flex', justifyContent: 'center', background: '#fff', padding: '20px 0'}}></div>
            <div className={`pre-page left-div change-page ${prePageNos.length ==1 ? 'click-none':''}`} onClick={()=>changePage(pageNo, pageSize, 'pre')}><LeftOutlined/></div>
            <div className={`next-page right-div change-page ${total==0 ? 'click-none':''}`} onClick={()=>changePage(pageNo, pageSize, 'next')}><RightOutlined/></div>
            </div>
    }
}
export default CustomPage
 